
<template>
  <div>
    <!-- :imgWidth="'90%'" :imgHeight="'70%'" -->
    <v-swiper class="swiperBox" :slideList="list"></v-swiper>
  </div>
</template>

<script>
import { VSwiper } from '$root/components'
export default {
  name: 'el-swiper',
  components: {
    VSwiper
  },
  data() {
    return {
      list: [
        {
          link: 'http://www.baidu.com',
          title: '百度',
          imgUrl:
            '//daily-academy.oss-cn-hangzhou.aliyuncs.com/hupanWeb/homepage/img/banner_1.jpg'
        },
        {
          link: 'http://www.sohu.com',
          title: '搜狐',
          imgUrl:
            '//daily-academy.oss-cn-hangzhou.aliyuncs.com/hupanWeb/homepage/img/banner_2.jpg'
        },
        {
          link: 'http://www.kugou.com',
          title: '酷狗',
          imgUrl:
            '//daily-academy.oss-cn-hangzhou.aliyuncs.com/hupanWeb/homepage/img/banner_5.jpg'
        }
      ]
    }
  },
  mounted() {
    // this.swiper.slideTo(2, 1000, false)
  }
}
</script>

<style lang="less" scoped>
.swiperBox {
  margin: 360px auto;
}
</style>
